<?php
/*
	******************************************************************************************
	ALL - Use Case ALL:  by Catherine Gamboa, Brannen Sorem,  Last Updated 03/20/10 - 10:45am

	Functional Specification
	header.php is the header page for the Palo Alto Bicycle Club site.  It helps form the PHP 
	template for the website along with footer.php
	
	Web Master Maintenance:
	******************************************************************************************
	See comments below

	******************************************************************************************
*/
?>

<!DOCTYPE html>
<html>
<!-- COIN 71 Ajax class, Winter 2010
-->

<head>
	<title> <?php if ($title) { echo $title; } else echo "Palo Alto Bicycle Club"; ?> </title>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="include/css/style.css" media="screen" title="no title" />
	<link rel="stylesheet" type="text/css" href="include/plugins/tiptip/tipTip.css" media="screen" title="no title" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
	<script src="include/js/script.js" type="text/javascript"></script>
	<script src="include/js/script_model.js" type="text/javascript"></script>
<!-- For tooltips
-->
	<script src="include/plugins/tiptip/jquery.tipTip.minified.js" type="text/javascript"></script>
<!-- Tab icon
-->
	<link rel="icon" href="images/logoicon.jpg" type="image/x-icon" />  
	
	<?php if(isset($additional_includes)) echo $additional_includes; ?>
</head>

<body>
	
<!-- The Bicycle Club Logo, left aligned
-->
<div id="logo"></div>

<!-- The Menu Bar, if adding a item to this bar, the following should be noted:
    1. each menu item has a graduated color associated with it.
    2. each menu item has a tooltip 
    3. each menu item has a javascript associated with it, when the mouse scrolls over it, it changes to blue
-->
<div id="navigation">
	<ul>
		<li id="nav_li1" class="nav_click clickable tip" title="Visit the main page"><a href="index.php">Home</a></li>
		<li id="nav_li2" class="nav_click clickable tip" title="Meet the community"><a href="rides.php">Rides</a></li>
		<li id="nav_li3" class="nav_click clickable tip" title="Find great stuff"><a href="store.php">Buy Club Gear</a></li>
		<li id="nav_li4" class="nav_click clickable tip" title="See some adventures"><a href="photos.php">Photos</a></li>
		<li id="nav_li5" class="nav_click clickable tip" title="Learn how to join"><a href="membership.php">Membership</a></li>
	</ul>
	<div class="clear"></div>
</div>

<div id="case">
<!-- The left hand side of the page, contains the forecast, icons for ride posting, ride viewing, and club calendar. 
-->
<div id="left-column">
<!-- This link was created by the AccuWeather website using the "Create a Custom Widget for Your WebSite". 
	A webmaster can reconfigure this script using the same tool. The webmaster can also change the default 
	city and zipcode by editing the href link below.  The script from accuWeather was modified, there are 
	three links that are part of the script that have been deleted. These scripts, when cliked, directed 
	the user the the AccuWeather website. 
-->	
	<div id="weather">
		<p><a href="http://www.accuweather.com/us/CA/PALO_ALTO/94301/city-weather-forecast.asp?partner=accuweather&amp;traveler=0">Click here to get the latest weather forecast.</a></p>
	</div>
<!-- A script adds an input box and a "Go" button to the weather forecast box. 
-->	
	<div id="main_links">
		<div id="calendar" class="main_link clickable tip" title="Go to the Ride Calendar"><p><a href="calendar.php">Calendar</a></p></div>
		<div id="postaride" class="main_link clickable tip" title="Post A Ride"><p><a href="postride.php">Post A Ride</a></p></div>
		<div id="viewaride" class="main_link clickable tip" title="View the List of Rides"><p><a href="viewride.php">View Rides</a></p></div>
		<div class="clear"></div>
	</div>
	
</div>
<!-- This div is where all the pages of the website are loaded.  
-->
<div id="content">
